// 本地默认图片，兼容小程序环境
export const defaultImages = {
  // 默认头像 - 使用纯色背景 + emoji
  avatar: 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(`
    <svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
      <rect width="50" height="50" fill="#f0f0f0" rx="25"/>
      <circle cx="25" cy="20" r="8" fill="#999"/>
      <path d="M25 30 C18 30 13 35 13 42 L37 42 C37 35 32 30 25 30 Z" fill="#999"/>
    </svg>
  `),

  // 家庭头像 - 使用纯色背景 + emoji
  family: 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(`
    <svg width="80" height="80" xmlns="http://www.w3.org/2000/svg">
      <rect width="80" height="80" fill="#e8f4fd" rx="10"/>
      <text x="40" y="50" font-family="Arial" font-size="20" text-anchor="middle" fill="#666">👨‍👩‍👧‍👦</text>
    </svg>
  `),

  // 相册封面 - 使用简单图标
  album: 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(`
    <svg width="200" height="150" xmlns="http://www.w3.org/2000/svg">
      <rect width="200" height="150" fill="#f5f5f5" rx="8"/>
      <rect x="20" y="20" width="160" height="110" fill="#ddd" rx="4"/>
      <circle cx="60" cy="60" r="15" fill="#bbb"/>
      <polygon points="20,110 50,80 80,100 120,70 180,110 180,130 20,130" fill="#bbb"/>
      <text x="100" y="140" font-family="Arial" font-size="12" text-anchor="middle" fill="#999">相册</text>
    </svg>
  `),

  // Logo - 使用房子图标
  logo: 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(`
    <svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
      <rect width="120" height="120" fill="#4CAF50" rx="15"/>
      <path d="M30 60 L60 30 L90 60 L90 90 L70 90 L70 75 L50 75 L50 90 L30 90 Z" fill="white"/>
      <rect x="55" y="80" width="10" height="10" fill="#4CAF50"/>
    </svg>
  `),

  // 装饰图片 - 使用渐变背景
  decoration: 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(`
    <svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
          <stop offset="0%" style="stop-color:#ff9a9e;stop-opacity:1" />
          <stop offset="100%" style="stop-color:#fecfef;stop-opacity:1" />
        </linearGradient>
      </defs>
      <rect width="300" height="200" fill="url(#grad1)" rx="15"/>
      <text x="150" y="110" font-family="Arial" font-size="24" text-anchor="middle" fill="white">✨</text>
    </svg>
  `)
}

// 图片处理工具
export const imageHelper = {
  // 获取默认头像
  getDefaultAvatar() {
    return defaultImages.avatar
  },

  // 获取默认家庭头像
  getDefaultFamily() {
    return defaultImages.family
  },

  // 获取默认相册封面
  getDefaultAlbum() {
    return defaultImages.album
  },

  // 获取Logo
  getDefaultLogo() {
    return defaultImages.logo
  },

  // 获取装饰图片
  getDefaultDecoration() {
    return defaultImages.decoration
  },

  // 安全获取头像URL
  safeAvatarUrl(url) {
    return url || this.getDefaultAvatar()
  },

  // 安全获取家庭头像URL
  safeFamilyUrl(url) {
    return url || this.getDefaultFamily()
  },

  // 安全获取相册封面URL
  safeAlbumUrl(url) {
    return url || this.getDefaultAlbum()
  }
} 